<template>
  <div class="tab-bar-item">
    <div>
      <slot name="item_icon"></slot>
    </div>
    <div>
      <slot name="item_icon_active"></slot>
    </div>
    <div>
      <slot name="item_text"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "TabBarItem"
};
</script>

<style>
.tab-bar-item {
  flex: 1;
  text-align: center;
  height: 49px;
}
.tab-bar-item img {
  margin-top: 5px;
  width: 20px;
  height: 20px;
}
</style>